<template>
    <div>
        <footer>
            <div class="box">
                <div>友情链接：</div>
                <ul>
                    <li v-for="(item,index) in list" :key="index"><a target="_back" :href="item.dictValue" style="color:#999999;">{{item.dictLabel}}</a></li>
                </ul>
                <p>Copyright © 2017-2025 石家庄天亮教育科技有限公司 备案号:冀ICP备17020003号</p>
            </div>
        </footer>
    </div>
</template>

<script>
    export default {
        name: "MyFooter",
        data(){
            return {
                list:[]
            }
        },
        created(){
            let form = new URLSearchParams();
            form.append('dictType','blogroll');
            form.append('pageNum',1);
            form.append('pageSize',10);
            form.append('orderByColumn','dictSort');
            form.append('isAsc','asc');
            this.$axios.post('http://wkt.myhope365.com/system/dict/data/list/open',form).then(res=>{
                // console.log(res);
                this.list = res.data.rows
            }).catch(err=>{
                console.log(err);
            })
        }
    }
</script>

<style scoped>
    footer {
        margin-top: 50px;
        height: 210px;
        color: #999999;
        background-color: #444546;
    }
    .box {
        margin: auto;
        max-width: 1200px;
        min-width: 1200px;
        overflow: hidden;
    }
    .box>div {
        margin-top: 50px;
        font-size: 22px;
    }
    .box>ul{
        overflow: hidden;
    }
    .box>ul>li{
        float: left;
        font-size: 16px;
        padding: 20px 10px 0 0;
    }
    .box>ul>li>a:active,
    .box>ul>li>a:visited {
        color: #999999;
    }
    .box>p {
        margin: auto;
        margin-top: 30px;
        padding-top: 15px;
        width: 1000px;
        text-align: center;
        border-top: 1px solid gainsboro;
    }
</style>